<style>
    .app { font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; height: 100%; }
html { backface-visibility: hidden; -webkit-font-smoothing: antialiased; }
.css-stivtw { width: 100%; height: 100%; position: absolute; bottom: 0px; right: 0px; top: 0px; display: flex; -webkit-box-pack: end; justify-content: flex-end; align-items: flex-end; }
.css-t6opud { position: relative; right: 0px; bottom: 0px; padding: 0px; overflow: hidden; height: 600px !important; max-height: 100vh !important; min-height: 72px !important; width: 366px !important; }
.css-lesr0g { height: 100%; display: flex; flex-direction: column; box-sizing: border-box; padding: 5px; transform: translate3d(0px, 0px, 0px); user-select: none; }
.css-mu3za0 { display: flex; flex: 1 1 0%; position: absolute; right: 5px; left: 0px; -webkit-box-pack: end; justify-content: flex-end; margin-right: 0px; margin-left: 0px; z-index: 10000101; bottom: 0px; height: 56px; }
.css-mu3za0 .wrapper { background-image: linear-gradient(80deg, rgb(18, 51, 223), rgb(74, 157, 217)); transition: opacity 0.25s linear 0s; width: auto; color: white !important; }
.css-mu3za0 .fab { background-image: linear-gradient(80deg, rgb(18, 51, 223), rgb(74, 157, 217)); color: white !important; }
.css-efd0hu { overflow: hidden; padding: 0px 8px 4px 12px; }
.css-wwrqw4 { position: absolute; right: 4px; bottom: 5px; }
.css-eh3fzn { display: flex; -webkit-box-pack: center; justify-content: center; position: absolute; left: 0px; top: 0px; will-change: transform; width: 47px !important; height: 47px !important; background: rgba(255, 255, 255, 0.1) !important; animation: 350ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s 1 normal none running animation-upigsp !important; box-shadow: none !important; }
.css-1h63ts5 { display: flex; -webkit-box-align: center; align-items: center; border-radius: 32px; transform: rotate(0deg); padding: 4px 48px 4px 4px; height: 47px; will-change: transform; transition: width 1s ease-in-out 0s; bottom: 0px; overflow: hidden !important; width: auto !important; -webkit-box-pack: start !important; justify-content: flex-start !important; }
.css-1u17yyl { font-size: 16px; letter-spacing: -0.2px; transform: translateX(0px); opacity: 1; transition: transform 300ms linear 0s; will-change: transform; max-width: 115px; width: 100%; white-space: nowrap; text-overflow: clip; overflow: hidden !important; font-weight: 400 !important; }
.MuiButtonBase-root { color: inherit; border: 0px; cursor: pointer; margin: 0px; display: inline-flex; outline: 0px; padding: 0px; position: relative; align-items: center; user-select: none; border-radius: 0px; vertical-align: middle; justify-content: center; text-decoration: none; background-color: transparent; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; }
.MuiFab-root { color: rgba(0, 0, 0, 0.87); width: 56px; height: 56px; padding: 0px; font-size: 0.875rem; min-width: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; box-sizing: border-box; min-height: 36px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.75; border-radius: 50%; letter-spacing: 0.02857em; text-transform: uppercase; background-color: rgb(224, 224, 224); }
.MuiFab-label { width: 100%; display: inherit; align-items: inherit; justify-content: inherit; }
.MuiBadge-root { display: inline-flex; position: relative; flex-shrink: 0; vertical-align: middle; }
.MuiBadge-badge { height: 20px; display: flex; padding: 0px 6px; z-index: 1; position: absolute; flex-flow: row wrap; font-size: 0.75rem; min-width: 20px; box-sizing: border-box; transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; align-items: center; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1; place-content: center; border-radius: 10px; }
.MuiBadge-anchorOriginTopRightRectangle { top: 0px; right: 0px; transform: scale(1) translate(50%, -50%); transform-origin: 100% 0%; }
.MuiBadge-anchorOriginTopRightRectangle.MuiBadge-invisible { transform: scale(0) translate(50%, -50%); }
.MuiBadge-invisible { transition: transform 195ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
.MuiSvgIcon-root { fill: currentcolor; width: 1em; height: 1em; display: inline-block; font-size: 1.5rem; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; flex-shrink: 0; user-select: none; }
.app { font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; height: 100%; }
html { backface-visibility: hidden; -webkit-font-smoothing: antialiased; }
.css-stivtw { width: 100%; height: 100%; position: absolute; bottom: 0px; right: 0px; top: 0px; display: flex; -webkit-box-pack: end; justify-content: flex-end; align-items: flex-end; }
.css-t6opud { position: relative; right: 0px; bottom: 0px; padding: 0px; overflow: hidden; height: 600px !important; max-height: 100vh !important; min-height: 72px !important; width: 366px !important; }
.css-lesr0g { height: 100%; display: flex; flex-direction: column; box-sizing: border-box; padding: 5px; transform: translate3d(0px, 0px, 0px); user-select: none; }
.css-mu3za0 { display: flex; flex: 1 1 0%; position: absolute; right: 5px; left: 0px; -webkit-box-pack: end; justify-content: flex-end; margin-right: 0px; margin-left: 0px; z-index: 10000101; bottom: 0px; height: 56px; }
.css-mu3za0 .wrapper { background-image: linear-gradient(80deg, rgb(18, 51, 223), rgb(74, 157, 217)); transition: opacity 0.25s linear 0s; width: auto; color: white !important; }
.css-mu3za0 .fab { background-image: linear-gradient(80deg, rgb(18, 51, 223), rgb(74, 157, 217)); color: white !important; }
.css-efd0hu { overflow: hidden; padding: 0px 8px 4px 12px; }
.css-wwrqw4 { position: absolute; right: 4px; bottom: 5px; }
.css-eh3fzn { display: flex; -webkit-box-pack: center; justify-content: center; position: absolute; left: 0px; top: 0px; will-change: transform; width: 47px !important; height: 47px !important; background: rgba(255, 255, 255, 0.1) !important; animation: 350ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s 1 normal none running animation-upigsp !important; box-shadow: none !important; }
.css-1h63ts5 { display: flex; -webkit-box-align: center; align-items: center; border-radius: 32px; transform: rotate(0deg); padding: 4px 48px 4px 4px; height: 47px; will-change: transform; transition: width 1s ease-in-out 0s; bottom: 0px; overflow: hidden !important; width: auto !important; -webkit-box-pack: start !important; justify-content: flex-start !important; }
.css-1u17yyl { font-size: 16px; letter-spacing: -0.2px; transform: translateX(0px); opacity: 1; transition: transform 300ms linear 0s; will-change: transform; max-width: 115px; width: 100%; white-space: nowrap; text-overflow: clip; overflow: hidden !important; font-weight: 400 !important; }
.MuiButtonBase-root { color: inherit; border: 0px; cursor: pointer; margin: 0px; display: inline-flex; outline: 0px; padding: 0px; position: relative; align-items: center; user-select: none; border-radius: 0px; vertical-align: middle; justify-content: center; text-decoration: none; background-color: transparent; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; }
.MuiFab-root { color: rgba(0, 0, 0, 0.87); width: 56px; height: 56px; padding: 0px; font-size: 0.875rem; min-width: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; box-sizing: border-box; min-height: 36px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.75; border-radius: 50%; letter-spacing: 0.02857em; text-transform: uppercase; background-color: rgb(224, 224, 224); }
.MuiFab-label { width: 100%; display: inherit; align-items: inherit; justify-content: inherit; }
.MuiBadge-root { display: inline-flex; position: relative; flex-shrink: 0; vertical-align: middle; }
.MuiBadge-badge { height: 20px; display: flex; padding: 0px 6px; z-index: 1; position: absolute; flex-flow: row wrap; font-size: 0.75rem; min-width: 20px; box-sizing: border-box; transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; align-items: center; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1; place-content: center; border-radius: 10px; }
.MuiBadge-anchorOriginTopRightRectangle { top: 0px; right: 0px; transform: scale(1) translate(50%, -50%); transform-origin: 100% 0%; }
.MuiBadge-anchorOriginTopRightRectangle.MuiBadge-invisible { transform: scale(0) translate(50%, -50%); }
.MuiBadge-invisible { transition: transform 195ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
.MuiSvgIcon-root { fill: currentcolor; width: 1em; height: 1em; display: inline-block; font-size: 1.5rem; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; flex-shrink: 0; user-select: none; }
.app { font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; height: 100%; }
html { backface-visibility: hidden; -webkit-font-smoothing: antialiased; }
.css-stivtw { width: 100%; height: 100%; position: absolute; bottom: 0px; right: 0px; top: 0px; display: flex; -webkit-box-pack: end; justify-content: flex-end; align-items: flex-end; }
.css-t6opud { position: relative; right: 0px; bottom: 0px; padding: 0px; overflow: hidden; height: 600px !important; max-height: 100vh !important; min-height: 72px !important; width: 366px !important; }
.css-lesr0g { height: 100%; display: flex; flex-direction: column; box-sizing: border-box; padding: 5px; transform: translate3d(0px, 0px, 0px); user-select: none; }
.css-mu3za0 { display: flex; flex: 1 1 0%; position: absolute; right: 5px; left: 0px; -webkit-box-pack: end; justify-content: flex-end; margin-right: 0px; margin-left: 0px; z-index: 10000101; bottom: 0px; height: 56px; }
.css-mu3za0 .wrapper { background-image: linear-gradient(80deg, rgb(18, 51, 223), rgb(74, 157, 217)); transition: opacity 0.25s linear 0s; width: auto; color: white !important; }
.css-mu3za0 .fab { background-image: linear-gradient(80deg, rgb(18, 51, 223), rgb(74, 157, 217)); color: white !important; }
.css-efd0hu { overflow: hidden; padding: 0px 8px 4px 12px; }
.css-wwrqw4 { position: absolute; right: 4px; bottom: 5px; }
.css-eh3fzn { display: flex; -webkit-box-pack: center; justify-content: center; position: absolute; left: 0px; top: 0px; will-change: transform; width: 47px !important; height: 47px !important; background: rgba(255, 255, 255, 0.1) !important; animation: 350ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s 1 normal none running animation-upigsp !important; box-shadow: none !important; }
.css-1h63ts5 { display: flex; -webkit-box-align: center; align-items: center; border-radius: 32px; transform: rotate(0deg); padding: 4px 48px 4px 4px; height: 47px; will-change: transform; transition: width 1s ease-in-out 0s; bottom: 0px; overflow: hidden !important; width: auto !important; -webkit-box-pack: start !important; justify-content: flex-start !important; }
.css-1u17yyl { font-size: 16px; letter-spacing: -0.2px; transform: translateX(0px); opacity: 1; transition: transform 300ms linear 0s; will-change: transform; max-width: 115px; width: 100%; white-space: nowrap; text-overflow: clip; overflow: hidden !important; font-weight: 400 !important; }
.MuiButtonBase-root { color: inherit; border: 0px; cursor: pointer; margin: 0px; display: inline-flex; outline: 0px; padding: 0px; position: relative; align-items: center; user-select: none; border-radius: 0px; vertical-align: middle; justify-content: center; text-decoration: none; background-color: transparent; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; }
.MuiFab-root { color: rgba(0, 0, 0, 0.87); width: 56px; height: 56px; padding: 0px; font-size: 0.875rem; min-width: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; box-sizing: border-box; min-height: 36px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.75; border-radius: 50%; letter-spacing: 0.02857em; text-transform: uppercase; background-color: rgb(224, 224, 224); }
.MuiFab-label { width: 100%; display: inherit; align-items: inherit; justify-content: inherit; }
.MuiBadge-root { display: inline-flex; position: relative; flex-shrink: 0; vertical-align: middle; }
.MuiBadge-badge { height: 20px; display: flex; padding: 0px 6px; z-index: 1; position: absolute; flex-flow: row wrap; font-size: 0.75rem; min-width: 20px; box-sizing: border-box; transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; align-items: center; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1; place-content: center; border-radius: 10px; }
.MuiBadge-anchorOriginTopRightRectangle { top: 0px; right: 0px; transform: scale(1) translate(50%, -50%); transform-origin: 100% 0%; }
.MuiBadge-anchorOriginTopRightRectangle.MuiBadge-invisible { transform: scale(0) translate(50%, -50%); }
.MuiBadge-invisible { transition: transform 195ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
.MuiSvgIcon-root { fill: currentcolor; width: 1em; height: 1em; display: inline-block; font-size: 1.5rem; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; flex-shrink: 0; user-select: none; }
.app { font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; height: 100%; }
html { backface-visibility: hidden; -webkit-font-smoothing: antialiased; }
.css-stivtw { width: 100%; height: 100%; position: absolute; bottom: 0px; right: 0px; top: 0px; display: flex; -webkit-box-pack: end; justify-content: flex-end; align-items: flex-end; }
.css-t6opud { position: relative; right: 0px; bottom: 0px; padding: 0px; overflow: hidden; height: 600px !important; max-height: 100vh !important; min-height: 72px !important; width: 366px !important; }
.css-lesr0g { height: 100%; display: flex; flex-direction: column; box-sizing: border-box; padding: 5px; transform: translate3d(0px, 0px, 0px); user-select: none; }
.css-mu3za0 { display: flex; flex: 1 1 0%; position: absolute; right: 5px; left: 0px; -webkit-box-pack: end; justify-content: flex-end; margin-right: 0px; margin-left: 0px; z-index: 10000101; bottom: 0px; height: 56px; }
.css-mu3za0 .wrapper { background-image: linear-gradient(80deg, rgb(18, 51, 223), rgb(74, 157, 217)); transition: opacity 0.25s linear 0s; width: auto; color: white !important; }
.css-mu3za0 .fab { background-image: linear-gradient(80deg, rgb(18, 51, 223), rgb(74, 157, 217)); color: white !important; }
.css-efd0hu { overflow: hidden; padding: 0px 8px 4px 12px; }
.css-wwrqw4 { position: absolute; right: 4px; bottom: 5px; }
.css-eh3fzn { display: flex; -webkit-box-pack: center; justify-content: center; position: absolute; left: 0px; top: 0px; will-change: transform; width: 47px !important; height: 47px !important; background: rgba(255, 255, 255, 0.1) !important; animation: 350ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s 1 normal none running animation-upigsp !important; box-shadow: none !important; }
.css-1h63ts5 { display: flex; -webkit-box-align: center; align-items: center; border-radius: 32px; transform: rotate(0deg); padding: 4px 48px 4px 4px; height: 47px; will-change: transform; transition: width 1s ease-in-out 0s; bottom: 0px; overflow: hidden !important; width: auto !important; -webkit-box-pack: start !important; justify-content: flex-start !important; }
.css-1u17yyl { font-size: 16px; letter-spacing: -0.2px; transform: translateX(0px); opacity: 1; transition: transform 300ms linear 0s; will-change: transform; max-width: 115px; width: 100%; white-space: nowrap; text-overflow: clip; overflow: hidden !important; font-weight: 400 !important; }
.MuiButtonBase-root { color: inherit; border: 0px; cursor: pointer; margin: 0px; display: inline-flex; outline: 0px; padding: 0px; position: relative; align-items: center; user-select: none; border-radius: 0px; vertical-align: middle; justify-content: center; text-decoration: none; background-color: transparent; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; }
.MuiFab-root { color: rgba(0, 0, 0, 0.87); width: 56px; height: 56px; padding: 0px; font-size: 0.875rem; min-width: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; box-sizing: border-box; min-height: 36px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.75; border-radius: 50%; letter-spacing: 0.02857em; text-transform: uppercase; background-color: rgb(224, 224, 224); }
.MuiFab-label { width: 100%; display: inherit; align-items: inherit; justify-content: inherit; }
.MuiBadge-root { display: inline-flex; position: relative; flex-shrink: 0; vertical-align: middle; }
.MuiBadge-badge { height: 20px; display: flex; padding: 0px 6px; z-index: 1; position: absolute; flex-flow: row wrap; font-size: 0.75rem; min-width: 20px; box-sizing: border-box; transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; align-items: center; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1; place-content: center; border-radius: 10px; }
.MuiBadge-anchorOriginTopRightRectangle { top: 0px; right: 0px; transform: scale(1) translate(50%, -50%); transform-origin: 100% 0%; }
.MuiBadge-anchorOriginTopRightRectangle.MuiBadge-invisible { transform: scale(0) translate(50%, -50%); }
.MuiBadge-invisible { transition: transform 195ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
.MuiSvgIcon-root { fill: currentcolor; width: 1em; height: 1em; display: inline-block; font-size: 1.5rem; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; flex-shrink: 0; user-select: none; }
.app { font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; height: 100%; }
html { backface-visibility: hidden; -webkit-font-smoothing: antialiased; }
.css-stivtw { width: 100%; height: 100%; position: absolute; bottom: 0px; right: 0px; top: 0px; display: flex; -webkit-box-pack: end; justify-content: flex-end; align-items: flex-end; }
.css-t6opud { position: relative; right: 0px; bottom: 0px; padding: 0px; overflow: hidden; height: 600px !important; max-height: 100vh !important; min-height: 72px !important; width: 366px !important; }
.css-lesr0g { height: 100%; display: flex; flex-direction: column; box-sizing: border-box; padding: 5px; transform: translate3d(0px, 0px, 0px); user-select: none; }
.css-mu3za0 { display: flex; flex: 1 1 0%; position: absolute; right: 5px; left: 0px; -webkit-box-pack: end; justify-content: flex-end; margin-right: 0px; margin-left: 0px; z-index: 10000101; bottom: 0px; height: 56px; }
.css-mu3za0 .wrapper { background-image: linear-gradient(80deg, rgb(18, 51, 223), rgb(74, 157, 217)); transition: opacity 0.25s linear 0s; width: auto; color: white !important; }
.css-mu3za0 .fab { background-image: linear-gradient(80deg, rgb(18, 51, 223), rgb(74, 157, 217)); color: white !important; }
.css-efd0hu { overflow: hidden; padding: 0px 8px 4px 12px; }
.css-wwrqw4 { position: absolute; right: 4px; bottom: 5px; }
.css-eh3fzn { display: flex; -webkit-box-pack: center; justify-content: center; position: absolute; left: 0px; top: 0px; will-change: transform; width: 47px !important; height: 47px !important; background: rgba(255, 255, 255, 0.1) !important; animation: 350ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s 1 normal none running animation-upigsp !important; box-shadow: none !important; }
.css-1h63ts5 { display: flex; -webkit-box-align: center; align-items: center; border-radius: 32px; transform: rotate(0deg); padding: 4px 48px 4px 4px; height: 47px; will-change: transform; transition: width 1s ease-in-out 0s; bottom: 0px; overflow: hidden !important; width: auto !important; -webkit-box-pack: start !important; justify-content: flex-start !important; }
.css-1u17yyl { font-size: 16px; letter-spacing: -0.2px; transform: translateX(0px); opacity: 1; transition: transform 300ms linear 0s; will-change: transform; max-width: 115px; width: 100%; white-space: nowrap; text-overflow: clip; overflow: hidden !important; font-weight: 400 !important; }
.MuiButtonBase-root { color: inherit; border: 0px; cursor: pointer; margin: 0px; display: inline-flex; outline: 0px; padding: 0px; position: relative; align-items: center; user-select: none; border-radius: 0px; vertical-align: middle; justify-content: center; text-decoration: none; background-color: transparent; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; }
.MuiFab-root { color: rgba(0, 0, 0, 0.87); width: 56px; height: 56px; padding: 0px; font-size: 0.875rem; min-width: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; box-sizing: border-box; min-height: 36px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.75; border-radius: 50%; letter-spacing: 0.02857em; text-transform: uppercase; background-color: rgb(224, 224, 224); }
.MuiFab-label { width: 100%; display: inherit; align-items: inherit; justify-content: inherit; }
.MuiBadge-root { display: inline-flex; position: relative; flex-shrink: 0; vertical-align: middle; }
.MuiBadge-badge { height: 20px; display: flex; padding: 0px 6px; z-index: 1; position: absolute; flex-flow: row wrap; font-size: 0.75rem; min-width: 20px; box-sizing: border-box; transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; align-items: center; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1; place-content: center; border-radius: 10px; }
.MuiBadge-anchorOriginTopRightRectangle { top: 0px; right: 0px; transform: scale(1) translate(50%, -50%); transform-origin: 100% 0%; }
.MuiBadge-anchorOriginTopRightRectangle.MuiBadge-invisible { transform: scale(0) translate(50%, -50%); }
.MuiBadge-invisible { transition: transform 195ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
.MuiSvgIcon-root { fill: currentcolor; width: 1em; height: 1em; display: inline-block; font-size: 1.5rem; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; flex-shrink: 0; user-select: none; }
.smart-39 { color: white; top: 9px !important; right: 9px !important; background: rgb(255, 0, 0) !important; box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 2px !important; }
.app { font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; height: 100%; }
html { backface-visibility: hidden; -webkit-font-smoothing: antialiased; }
.css-stivtw { width: 100%; height: 100%; position: absolute; bottom: 0px; right: 0px; top: 0px; display: flex; -webkit-box-pack: end; justify-content: flex-end; align-items: flex-end; }
.css-t6opud { position: relative; right: 0px; bottom: 0px; padding: 0px; overflow: hidden; height: 600px !important; max-height: 100vh !important; min-height: 72px !important; width: 366px !important; }
.css-lesr0g { height: 100%; display: flex; flex-direction: column; box-sizing: border-box; padding: 5px; transform: translate3d(0px, 0px, 0px); user-select: none; }
.css-mu3za0 { display: flex; flex: 1 1 0%; position: absolute; right: 5px; left: 0px; -webkit-box-pack: end; justify-content: flex-end; margin-right: 0px; margin-left: 0px; z-index: 10000101; bottom: 0px; height: 56px; }
.css-mu3za0 .wrapper { background-image: linear-gradient(80deg, rgb(18, 51, 223), rgb(74, 157, 217)); transition: opacity 0.25s linear 0s; width: auto; color: white !important; }
.css-mu3za0 .fab { background-image: linear-gradient(80deg, rgb(18, 51, 223), rgb(74, 157, 217)); color: white !important; }
.css-efd0hu { overflow: hidden; padding: 0px 8px 4px 12px; }
.css-wwrqw4 { position: absolute; right: 4px; bottom: 5px; }
.css-eh3fzn { display: flex; -webkit-box-pack: center; justify-content: center; position: absolute; left: 0px; top: 0px; will-change: transform; width: 47px !important; height: 47px !important; background: rgba(255, 255, 255, 0.1) !important; animation: 350ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s 1 normal none running animation-upigsp !important; box-shadow: none !important; }
.css-1h63ts5 { display: flex; -webkit-box-align: center; align-items: center; border-radius: 32px; transform: rotate(0deg); padding: 4px 48px 4px 4px; height: 47px; will-change: transform; transition: width 1s ease-in-out 0s; bottom: 0px; overflow: hidden !important; width: auto !important; -webkit-box-pack: start !important; justify-content: flex-start !important; }
.css-1u17yyl { font-size: 16px; letter-spacing: -0.2px; transform: translateX(0px); opacity: 1; transition: transform 300ms linear 0s; will-change: transform; max-width: 115px; width: 100%; white-space: nowrap; text-overflow: clip; overflow: hidden !important; font-weight: 400 !important; }
.MuiButtonBase-root { color: inherit; border: 0px; cursor: pointer; margin: 0px; display: inline-flex; outline: 0px; padding: 0px; position: relative; align-items: center; user-select: none; border-radius: 0px; vertical-align: middle; justify-content: center; text-decoration: none; background-color: transparent; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; }
.MuiFab-root { color: rgba(0, 0, 0, 0.87); width: 56px; height: 56px; padding: 0px; font-size: 0.875rem; min-width: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; box-sizing: border-box; min-height: 36px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.75; border-radius: 50%; letter-spacing: 0.02857em; text-transform: uppercase; background-color: rgb(224, 224, 224); }
.MuiFab-label { width: 100%; display: inherit; align-items: inherit; justify-content: inherit; }
.MuiBadge-root { display: inline-flex; position: relative; flex-shrink: 0; vertical-align: middle; }
.MuiBadge-badge { height: 20px; display: flex; padding: 0px 6px; z-index: 1; position: absolute; flex-flow: row wrap; font-size: 0.75rem; min-width: 20px; box-sizing: border-box; transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; align-items: center; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1; place-content: center; border-radius: 10px; }
.MuiBadge-anchorOriginTopRightRectangle { top: 0px; right: 0px; transform: scale(1) translate(50%, -50%); transform-origin: 100% 0%; }
.MuiBadge-anchorOriginTopRightRectangle.MuiBadge-invisible { transform: scale(0) translate(50%, -50%); }
.MuiBadge-invisible { transition: transform 195ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
.MuiSvgIcon-root { fill: currentcolor; width: 1em; height: 1em; display: inline-block; font-size: 1.5rem; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; flex-shrink: 0; user-select: none; }
.smart-39 { color: white; top: 9px !important; right: 9px !important; background: rgb(255, 0, 0) !important; box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 2px !important; }
</style>
<div id="root">
    <audio src="https://widget-v2.smartsuppcdn.com/assets/sounds/blackberry2.mp3" id="audio-incoming-message"></audio>
    <div class="app css-stivtw">
        <div class="css-t6opud">
            <div class="css-lesr0g">
                <div data-cy="widgetButtonWrapper" class="css-mu3za0">
                    <div class="wrapper css-1h63ts5">
                        <div class="css-efd0hu">
                            <div class="css-1u17yyl"> 咨询 </div>
                        </div>
                    </div>
                    <div class="css-wwrqw4"><span class="MuiBadge-root" data-cy="widgetButtonBadge"><button
                                class="MuiButtonBase-root MuiFab-root fab css-eh3fzn" tabindex="0" type="button"
                                data-cy="widgetButton" aria-label="Chat"><span class="MuiFab-label"><svg
                                        class="MuiSvgIcon-root" focusable="false" viewBox="0 0 64 64" aria-hidden="true"
                                        data-cy="widgetButtonClose" font-size-adjust="22" css="[object Object]">
                                        <path
                                            d="M.86 18.51v-.16C3.65 7.05 19.39 3 32 3s28.39 4 31.18 15.5a66.22 66.22 0 0 1 0 20.46C62 43.7 58.13 47.59 51.82 50.37l4 5A3.47 3.47 0 0 1 53.09 61a3.39 3.39 0 0 1-1.44-.31L37.11 54c-1.79.18-3.49.27-5.07.27C21 54.31 3.63 50.23.86 38.84a60.33 60.33 0 0 1 0-20.33z">
                                        </path>
                                    </svg></span></button><span
                                class="MuiBadge-badge smart-77 MuiBadge-anchorOriginTopRightRectangle MuiBadge-invisible">0</span></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>